<template>
	<view>
		<view class="smart-panel-head">
			<view class="smart-panel-head-title">icon</view>
		</view>
		<view style="display: flex;flex-direction: column;align-items: center;">
			<icon type="waiting" />
			<icon type="waiting" size="32" color="red" />
			<view>waiting</view>
			<icon type="success" color="#4cd964" />
			<view>success</view>
			<icon type="success_no_circle" />
			<view>success_no_circle</view>
			<icon type="info" />
			<view>info</view>
			<icon type="warn" />
			<view>warn</view>
			<icon type="cancel" />
			<view>cancel</view>
			<icon type="download" />
			<view>download</view>
			<icon type="search" />
			<view>search</view>
			<icon type="clear" />
			<view>clear</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>

</style>